<template>
	<div class="dashboard">
		<div class="dashboard-header">
			<div class="dashboard-header-item user-total-box">
				<router-link :to="{path: 'dashboard/newMember'}">
					<p class="word">用户注册总量</p>
					<p class="total">{{totaluser}}</p>
				</router-link>
			</div>
			<div class="dashboard-header-item company-total-box">
				<router-link :to="{path: 'dashboard/newCompany'}">
					<p class="word">企业注册总量</p>
					<p class="total">{{totalcompany}}</p>
				</router-link>
			</div>
		</div>
		<div class="dashboard-section">
			<el-row class="dashboard-section-row">
				
				<el-col :span="6">
					<router-link :to="{path: 'dashboard/platformEarnings'}">
						<p class="label">平台总收入</p>
						<p class="value">{{totalnum}}</p>
					</router-link>
				</el-col>
				
				<el-col :span="6">
			<router-link :to="{path: 'dashboard/enterprisesPay'}">
          <p class="label">企业充值总金额</p>
          <p class="value">{{totalrecharge}}</p>
		   </router-link>
        </el-col>
				
				<!-- <el-col :span="4">
          <p class="label">企业退款总额</p>
          <p class="value">{{companyrefundamount}}</p>
        </el-col>
        <el-col :span="4">
          <p class="label">企业还可退总额</p>
          <p class="value">{{totalcompanymoney}}</p>
        </el-col> -->
				<el-col :span="6">
					<router-link :to="{name: 'iosStatistics'}">
						<p class="label">IOS平台扣费总额</p>
						<p class="value">{{deductionsamount}}</p>
					</router-link>
				</el-col>
				<el-col :span="6" v-show="false">
					<p class="label">奖励招聘积分发放总额</p>
					<p class="value">{{discountSum}}</p>
				</el-col>
				<el-col :span="6" v-show="false">
					<p class="label">奖励招聘积分使用总额</p>
					<p class="value">{{discountUseSum}}</p>
				</el-col>
			</el-row>
			<el-row class="dashboard-section-row">
				<el-col :span="6">
					<router-link :to="{name:'totalUserPoints'}">
						<p class="label">用户积分总数</p>
						<p class="value">{{totalScore}}</p>
					</router-link>
				</el-col>
				<el-col :span="6" style="margin-left: 72px;">
					<p class="label">积分提现总数</p>
					<p class="value">{{totalout}}</p>
				</el-col>
				<el-col :span="6" style="margin-left: 72px;">
					<p class="label">积分提现中总数</p>
					<p class="value">{{totalintegral}}</p>
				</el-col>
				<el-col :span="6">
					<p class="label">积分已交个税金额</p>
					<p class="value">{{personaltax}}</p>
				</el-col>
				<el-col v-show="false">
					<router-link :to="{name: 'videoStatistics'}">
						<p class="label">活动奖励积分</p>
						<p class="value">{{activityReward}}</p>
					</router-link>
				</el-col>
			</el-row>
			<el-row class="dashboard-section-row">
				<!--  <el-col :span="5">
			<router-link :to="{path: 'dashboard/totalAmount/unpaid'}">
				<p class="label">企业未支付订单总金额</p>
				<p class="value">{{noPayTotal}}</p>
			</router-link>
        </el-col> -->
				<el-col :span="6">
					<!-- <router-link :to="{path: 'dashboard/totalAmount/paid'}">
				<p class="label">企业已支付订单总金额</p>
				<p class="value">{{payTotal}}</p>
			</router-link> -->
					<router-link :to="{name: 'bonusPoints',params:{id: awardIntegral}}">
						<p class="label">奖励积分</p>
						<p class="value">{{awardIntegralCount}}</p>
					</router-link>

				</el-col>
				<el-col :span="6">
					<router-link :to="{name: 'punish'}">
						<p class="label">平台处罚积分</p>
						<p class="value">{{totalplatformpunish}}</p>
					</router-link>
				</el-col>
				<el-col :span="6" v-show="false">
					<router-link :to="{name: 'compensate'}">
						<p class="label">抵扣处罚积分</p>
						<p class="value">{{totaltakeoutpunish}}</p>
					</router-link>
				</el-col>
				<el-col :span="6" v-show="false">
					<router-link :to="{name: 'bonusPoints',params:{id: awardIntegralCount}}">
						<p class="label">奖励积分</p>
						<p class="value">{{awardIntegralCount}}</p>
					</router-link>
				</el-col>
			</el-row>
		</div>
		<img src="" alt="">
		<div class="dashboard-echarts clearfix">
			<!-- 用户学历统计 -->
			<div class="dashboard-echarts-item education-chart">
				<div ref="education-chart" :style="{height: '320px'}"></div>
			</div>
			<div class="dashboard-echarts-item talents-chart">
				<!-- 人才统计 -->
				<div ref="talents-chart" :style="{height: '320px'}"></div>
			</div>
			<div class="right-chart">
				<!-- 年龄段、男女比例统计 -->
				<div ref="age-chart" :style="{height: '180px'}"></div>
				<div ref="gender-chart" :style="{height: '124px'}"></div>
			</div>
		</div>
		<div class="dashboard-bottom">
			<div class="dashboard-bottom-top clearfix">
				<div class="dashboard-bottom-title">运维统计</div>
				<ul class="dashboard-bottom-tab clearfix">
					<li v-for="(item, index) in options" :key="index" :class="{ active: item === time }"
						@click="selected(item, index)">{{item}}</li>
				</ul>
			</div>
			<div class="dashboard-bottom-bottom clearfix">
				<div class="dashboard-bottom-bottom-item">
					<p>
						<span>本{{time}}新增会员注册数</span>
						<span @click="linkto('newMember')">明细>></span>
					</p>
					<p>{{stageuser}}</p>
				</div>
				<div class="dashboard-bottom-bottom-item">
					<p>
						<span>本{{time}}新增企业注册数</span>
						<span @click="linkto('newCompany')">明细>></span>
					</p>
					<p>{{stagecompany}}</p>
				</div>
				<div class="dashboard-bottom-bottom-item">
					<p>
						<span>本{{time}}新增积分数</span>
						<span @click="linkto('newScore')">明细>></span>
					</p>
					<p>{{stageintegral}}</p>
				</div>
				<div class="dashboard-bottom-bottom-item">
					<p>
						<span>本{{time}}企业充值金额(元)</span>
						<span @click="linkto('rechargeAmount')">明细>></span>
					</p>
					<p>{{stagerecharge}}</p>
				</div>
				<div class="dashboard-bottom-bottom-item">
					<p>
						<span>本{{time}}积分提现数</span>
						<span @click="linkto('hwScoreTotal')">明细>></span>
					</p>
					<p>{{stageout}}</p>
				</div>
				<!-- <div class="dashboard-bottom-bottom-item">
          <p>
            <span>本{{time}}企业录用人数</span>
            <span @click="LINKTOEMPOLYNUM()">明细>></span>
          </p>
          <p>{{stageemployee}}</p>
        </div> -->
				<div class="dashboard-bottom-bottom-item">
					<p>
						<span>本{{time}}企业入保障期人数</span>
						<span @click="linkto('guaranteeNum')">明细>></span>
					</p>
					<p>{{stageperiodworkemployee}}</p>
				</div>
				<div class="dashboard-bottom-bottom-item">
					<p>
						<span>本{{time}}保障期内离职人数</span>
						<span @click="linkto('guaranteeDimission')">明细>></span>
					</p>
					<p>{{stageperiodleaveemployee}}</p>
				</div>
				<div class="dashboard-bottom-bottom-item">
					<p>
						<span>本{{time}}过保障期转正人数</span>
						<span @click="linkto('guaranteeOfficial')">明细>></span>
					</p>
					<p>{{stageoutperiodemployee}}</p>
				</div>
			</div>
		</div>
	</div>
</template>

<style scoped src="./index.css">
</style>

<script src="./index.js">
</script>
